<template>
	<view class="prove">
		<view class="prove_view">
			<view class="title">我的小酒馆</view>
			<view class="desc">您还没有认购产品，点击前往俱乐部认购吧！</view>
			<view class="btn" @click="router('/pages/club/club_deta')">去认购</view>
		</view>
	</view>
</template>

<script setup>
	import useBase from "@/hooks/useBase.js";
	const {
		router
	} = useBase();
</script>

<style scoped lang="scss">
	.prove {
		width: 100%;
		height: calc(100vh - var(--window-top) - var(--window-bottom));
		background: url(@/static/images/bg2.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;

		.prove_view {
			width: 600rpx;
			height: 400rpx;
			border-radius: 10rpx;
			background: #FFFFFF;
			padding: 0 62rpx;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #111111;
				font-size: 36rpx;
				font-weight: bold;
				padding: 40rpx 0 26rpx;
				box-sizing: border-box;
			}

			.desc {
				line-height: 40rpx;
				text-align: center;
				color: #666666;
				font-size: 28rpx;
				font-weight: bold;
			}

			.btn {
				width: 420rpx;
				height: 90rpx;
				line-height: 90rpx;
				text-align: center;
				color: #FFFFFF;
				font-size: 28rpx;
				border-radius: 10rpx;
				margin: 100rpx auto 0;
				background: #CA1C1D;
			}
		}
	}
</style>